//进入页面,就发起获取所有文章的请求
$.get('/posts',function (response) {
    console.log(response)   //返回一个对象.里面包含分页信息

    //将数据传递到模板
    var html = template('postTpl',response)
    //展示
    $('#postBox').html(html)

    //将数据同样传递到页面的模板
    var pageHtml = template('pageTpl',response)
    $('#page').html(pageHtml)
})

// display: [1] 要显示的页面码. 它是一个数组
// page: 1   当前页
// pages: 1  总页数
// records: (8) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]  具体每条数据
// size: 10  每页多少条数据
// total: 8  数据总条数


//自己实现一个时间格式化的函数
function formateDate(date) {
    //通过时间字符串,得到时间对象. 它会自动转换为本时区本地时间.
    //将数据库中的零时区时间,转为我们本地的东八区时间
    var date2 = new Date(date)
    //console.log( date2 )

    //返回  年-月-天  的格式
    return `${date2.getFullYear()}-${date2.getMonth()+1}-${date2.getDate()}`
}

//实现切页的函数
function changePage(page){
    //传入页码,再次获取数据
    $.get('/posts',{page:page},function (response) {
        //console.log(response)

        //将数据传递到模板,展示
        var html = template('postTpl',response)
        $('#postBox').html(html)
        var pageHtml = template('pageTpl',response)
        $('#page').html(pageHtml)
    })
}

//获取所有分类
$.get('/categories',function (response) {
    //console.log(response)
    var html = template('categoryTpl',{data:response})
    $('#categoryBox').html( html )
})

//提交筛选表单
$('#filterForm').on('submit',function () {
    var formData = $(this).serialize()
    //alert(formData)
    //发起查询文章的请求.带参数
    $.get('/posts',formData,function (response) {
        //console.log(response)   //返回一个对象.里面包含分页信息
        var html = template('postTpl',response)
        $('#postBox').html(html)
        var pageHtml = template('pageTpl',response)
        $('#page').html(pageHtml)
    })
    return false
})

//删除文章
$('#postBox').on('click','.delete',function () {
    if ( confirm('你真的要删除这个文章吗?') ) {
        var id = $(this).attr('data-id')
        //发起删除的请求
        $.ajax({
            type:'delete',
            url:'/posts/'+id,
            success:function () {
                //删除完成,刷新页面看结果
                location.reload()
            }
        })
    }
})